<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/login.css" />

    <title>华为帐号-登录</title>
</head>

<body>
    <div class="header">
        <div class="logo">
            <div class="logo-left">
                <img style="width: 100%" src="./img/LiFei-img/HUAWEI.svg" alt="" />
            </div>
            <div class="logo-right">
                <span class="hwid-uc-separator">|</span>
                <span style="height: 48px; width: 95.24px"><strong>华为商城</strong></span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-top">
            <div style="font-size: 32px">华为帐号登录</div>
        </div>
        <div class="content-bottom">
            <div class="content-left">
                <div class="content-left-top">
                    <img src="./img/LiFei-img/登录.png" alt="" />
                </div>
                <div class="content-left-bottom">
                    若您使用华为手机，请进入“设置”>“华为帐号”扫码登录。
                </div>
            </div>
            <span style="width: 1px; height: 300px"></span>
            <div class="content-right">
                <form action="demo.php" method="POST"></form>
                <div class="content-right-top">
                    <div>
                        <input style="
                  border-radius: 10px;
                  width: 326px;
                  height: 50px;
                  padding-left: 16px;
                  padding-right: 16px;
                  border: 0;
                  background-color: #f2f2f2;
                " name="user" placeholder="账号/邮箱/手机号" type="text" />
                    </div>
                    <div>
                        <input style="
                  border-radius: 10px;
                  width: 326px;
                  height: 50px;
                  padding-left: 16px;
                  padding-right: 16px;
                  border: 0;
                  margin-top: 26px;
                  margin-bottom: 16px;
                  background-color: #f2f2f2;
                " name="user" placeholder="密码" type="text" />
                    </div>
                    <div>
                        <a style="text-decoration: none" href="">短信验证码登录</a>
                    </div>
                    <div>
                        <button style="
                  border-radius: 10px;
                  width: 360px;
                  height: 48px;
                  margin-top: 40px;
                  border: 0;
                  background-color: #eba7aa;
                  color: #ffffff;
                  font-size: 16px;
                ">
                            登录
                        </button>
                    </div>
                    <div class="rest">
                        <a style="text-decoration: none" href="注册.html"> 注册</a>
                        <span><a style="text-decoration: none" href="">忘记密码</a></span>
                        <span><a style="text-decoration: none" href="">遇到问题</a></span>
                    </div>
                    <div class="icon">
                        <div>
                            <span class="iconfont icon-QQ"></span>
                            <span class="iconfont icon-zhifubao"></span>
                            <span class="iconfont icon-weixin"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-top">
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/agreements/userAgreement/zh-cn_userAgreement.html?version=china&countryCode=cn&reqClientType=26&clientID=10049053&loginChannel=26000000">华为账号用户协议</a>
            </div>
            <span class="hwid-foot">|</span>
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/agreements/accPrivacyStatement/zh-cn_accPrivacyStatement.html?version=china&countryCode=cn&reqClientType=26&clientID=10049053&loginChannel=26000000">关于华为账号与隐私的声明</a>
            </div>
            <span class="hwid-foot">|</span>
            <div class="footer-top1">
                <a style="text-decoration: none; color: #9b9b9b"
                    href="https://id1.cloud.huawei.com/AMW/portal/faq/zh-cn_faq.html?version=china&countryCode=cn&lang=zh-cn&reqClientType=26&loginChannel=26000000&clientID=10049053">华为账号用户协议</a>
            </div>
        </div>
        <div class="footer-bottom">
            <p>华为帐号 版权所有 © 2011-2022</p>
        </div>
    </div>
</body>

</html>